import { FC } from 'react'
import { Select, Button, Input } from 'antd'
import styled from 'styled-components'
import AppCardData from './AppCardData/card-data'
// import AppCardData from './AppCardData/card-data'
// interface AppMemberProfileProps {}

const StyledProfileContenier = styled.div`
  width: 1000px;
`
const AppMemberCard: FC = () => {
  return (
    <>
      <StyledProfileContenier className='styled-profile-contenier'>
        <Select className='select-member'
          style={{ width: 200 }}
          placeholder="全部门店"
          optionFilterProp="children"
          options={[
            {
              value: '1',
              label: '全部门店',
            },
            {
              value: '2',
              label: '山里人家(天河店)',
            },
            {
              value: '3',
              label: '山里人家(越秀店)',
            },
            {
              value: '4',
              label: '山里人家(海珠店)',
            },        
          ]}
        />
        <Select className='select-member'
          showSearch
          style={{ width: 120 }}
          placeholder="全部店员"
          options={[
            {
              value: '1',
              label: '全部店员',
            },
            {
              value: '3',
              label: '正常',
            },
            {
              value: '4',
              label: '挂失',
            },        
            {
              value: '5',
              label: '停用',
            },        
          ]}
        />
        <Input placeholder="请输入会员号、姓名、手机号" style={{ width: 220 }} className='iphone-member' />
        <Button type="primary" danger className='query-member'>查询</Button>
      </StyledProfileContenier>
      <AppCardData />     
    </>
  )
}
 
export default AppMemberCard

